<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	
	
	function testWebSocket() {
		var wsUri ="ws://localhost:8089/shiro-example/websocket"; 
	    websocket = new WebSocket(wsUri); 
	    websocket.onopen = function(evt) { 
	        onOpen(evt) 
	    }; 
	    websocket.onclose = function(evt) { 
	        onClose(evt) 
	    }; 
	    websocket.onmessage = function(evt) { 
	        onMessage(evt) 
	    }; 
	    websocket.onerror = function(evt) { 
	        onError(evt) 
	    }; 
	}  
	
	function onOpen(evt) { 
	    writeToScreen("CONNECTED"); 
	    doSend("WebSocket rocks"); 
	}  
	
	function onClose(evt) { 
	    writeToScreen("DISCONNECTED"); 
	}  
	
	function onMessage(evt) { 
	    writeToScreen('<span style="color: blue;">RESPONSE: '+ evt.data+'</span>'); 
	    websocket.close(); 
	}  
	
	function onError(evt) { 
	    writeToScreen('<span style="color: red;">ERROR:</span> '+ evt.data); 
	}  
	
	function doSend(message) { 
	    writeToScreen("SENT: " + message);  
	    websocket.send(message); 
	}  
	
	function writeToScreen(message) { 
		var output = document.getElementById("output"); 
	    var pre = document.createElement("p"); 
	    pre.style.wordWrap = "break-word"; 
	    pre.innerHTML = message; 
	    output.appendChild(pre); 
	}  

	
	//window.addEventListener("load", init, false);  
</script>
<body>
	<h2>WebSocket Test</h2>
	<button onclick= "testWebSocket();">测试</button>
	<div id="output"></div>
</body>
</html>